<style>
    * {
        margin: 0;
        padding: 0;
    }
    h2,h3,h4{
        font-weight: normal;
        margin: 0;
    }
    li {
        list-style: none;
    }
    .content-box{
        margin:5px 20px;
        background: #f8f8f8;
        overflow: hidden;
    }
    .right-content{
        padding:20px 0px 70px 37%;
        border-left:4px solid #fff;;
    }
    h2{
        text-align: right;
        font-size:16px;
        padding-right:20px;
        line-height:36px;
    }
    h3{
        font-size:14px;

    }
    .main-right-list li,.second-content-list li,.product-belong-list li{
        padding:10px 0;
    }


    .classify-table tr td{
        border:1px solid #cbcbcb;
        padding:5px 0;
    }
    .classify-table tr td input[type=text]{
        width:80px;
        border-radius:2px;
        border:1px solid #cbcbcb;
    }
    .classify-table tr td input[type=button]{
        padding:1px 5px;
        color:#286e9f;
        background:#fff;
        border:1px solid #cbcbcb;
        margin-left:10px;
        border-radius:3px;
    }
    .main-right-list li span{
        display: inline-block;
        width: 100px;
    }
    .main-right-list li input[type=text]{
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border:1px solid #cccccc;
        width: 30%;
        height: 34px;
        padding-left: 12px;
    }
    .main-right-list li select{
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border:1px solid #cccccc;
        width: 24%;
        height: 34px;
        padding-left: 12px;
    }

    .timeStyle{
        width:50px
    }
</style>

<!--<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>-->
<!--<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>-->
<![endif]-->
<link rel="stylesheet" type="text/css" href="../uploadlib/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../uploadlib/bootstrap-theme.min.css">
<link rel="stylesheet" type="text/css" href="../uploadlib/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="../uploadlib/syntax.css">

<link rel="stylesheet" type="text/css" href="../uploadlib/webuploader.css">
<link rel="stylesheet" type="text/css" href="../uploadlib/demo.css">

<style type="text/css">div[id="bdyx_float_rb"]{display:none !important;}</style></head>
<section class="content-header">
    <h1 style="display:inline-block;">课时管理</h1>&nbsp&nbsp<h4 style="display:inline-block;color: #707070">添加课时</h4>
</section>
<section class="content">
    <div class="AC_content">
        <div class="main-infor content-box">
            <div class="content" style=" ">
                <ul class="main-right-list">
                    <li><span>课时名称：</span><input type="text" value="" class="" id="lecture_name"></li>
                    <li><span>时长(分秒)：</span>分:<input type="number" min="0" class="timeStyle" value="" id="min" name="min"> 秒:<input   class="timeStyle" min="0" type="number" value="" class="" id="sec" name="sec">
                    <li><span>视频序号：</span><input type="number" value="" class="" id="sequence" name="sequence"></li>
                    <li><span>视频描述：</span>
                        <textarea id="description" cols="40" rows="10"></textarea>
                    </li>
                    <li><span>老师：</span>
                        <select id="teacher_id">
                            <%for(var i=0;i<teachers.length;i++){%>
                            <option value="<%=teachers[i].teacher_id%>"><%=teachers[i].teacher_name%></option>
                            <%}%>
                        </select>
                    </li>
                    <li><span>课时视频：</span>
                        <div id="uploader" class="wu-example">
                            <div class="queueList">
                                <div id="dndArea" class="placeholder">
                                    <div id="filePicker" class="webuploader-container"><div class="webuploader-pick">选择文件</div><div id="rt_rt_1abpggtcf1fml1am5sp63afscv1" style="position: absolute; top: 0px; left: 448px; width: 168px; height: 44px; overflow: hidden; bottom: auto; right: auto;"><input type="file" name="file" class="webuploader-element-invisible" multiple="multiple" accept="image/*"><label style="opacity: 0; width: 100%; height: 100%; display: block; cursor: pointer; background: rgb(255, 255, 255);"></label></div></div>
                                </div>
                                <ul class="filelist"></ul></div>
                            <div class="statusBar" >
                                <div class="progress" style="display: none;">
                                    <span class="text">0%</span>
                                    <span class="percentage" style="width: 0%;"></span>
                                </div>
                                <div class="info" style="display:none">共0张（0B），已上传0张</div>
                                <div class="btns">
                                    <div id="filePicker2" class="webuploader-container">
                                        <div id="rt_rt_1abpggtcq14pk1lmrn4p1mmp1fp46" style="position: absolute; top: 0px; left: 0px; width: 1px; height: 1px; overflow: hidden;">
                                            <input type="file" name="file" class="webuploader-element-invisible" multiple="multiple" accept="image/*">
                                            <label style="opacity: 0; width: 100%; height: 100%; display: block; cursor: pointer; background: rgb(255, 255, 255);"></label>
                                        </div>
                                    </div>
                                    <div class="uploadBtn state-pedding" style="display:none">开始上传
                                    </div>
                                    <div class="loading" style="visibility: hidden;">正在初始化上传...</div>
                                </div>
                            </div>
                        </div>

                        手动输入视频地址:<input type="text" value="" class="" id="video_url">
                    </li>
                </ul>
            </div>
        </div>

        <li><input type="hidden" value="<%=course_id%>" class="" id="course_id" name="course_id"></li>
        <li><input type="hidden" value="<%=course_name%>" class="" id="course_name" name="course_name"></li>
        <li><input type="hidden" value="<%=cover%>" class="" id="cover" name="cover"></li>
        <input type="button" value="保&nbsp;&nbsp;存" class="publish btn btn-lg btn-primary" style="margin:50px 50% 0;">
    </div>
</section>

<script charset="utf-8" src="/plugins/kindeditor/kindeditor-min.js"></script>
<script charset="utf-8" src="/plugins/kindeditor/lang/zh_CN.js"></script>
<script type="text/javascript">

    // 添加全局站点信息
    var BASE_URL = '/webuploader';

    var editor;
    KindEditor.ready(function(K) {
        editor = K.create('textarea[name="content"]', {
            uploadJson : '../../upload',
            allowFileManager : true
        });
    });
</script>
